<div *ngIf="showTop">
    <div class="banner">
        <section class="box">
            <ul class="texts" [innerHTML]="words"></ul>
            <div class="avatar"><a href="#"><span>phpdi</span></a></div>
        </section>
    </div>
    <div class="template">
        <div class="box ">
            <div class="primary_block">
                <h3>
                    <p>作者推荐</p>
                </h3>
                <ul>
                    <li *ngFor="let article of articleEssence">
                        <a [routerLink]="['/article/'+article.id]">
                            <img [images]="article.full_thumb">
                        </a>
                        <span>{{article.title}}</span>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>

<div class="article-box">
    <article>

        <router-outlet></router-outlet>
        <aside class="right " *ngIf="showRight">
            <div class="news">
                <div class="primary_block">
                    <h3>
                        <p><span>最新文章</span></p>
                    </h3>
                    <ul class="paih">
                        <li *ngFor="let article of articleNew">
                            <a [routerLink]="['/article/'+article.id]">{{article.title}}</a>
                        </li>
                    </ul>
                </div>
                <div class="primary_block">

                    <h3 class="ph">
                        <p><span>点击排行</span></p>
                    </h3>
                    <ul class="paih">
                        <li *ngFor="let article of articleClick">
                            <a [routerLink]="['/article/'+article.id]">{{article.title}}</a>
                        </li>
                    </ul>
                </div>

            </div>
        </aside>

    </article>
</div>
<a class="top-img" (click)="backTop()">

</a>


